<style>

/* 基础样式 */
dl.copy a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #007BFF;
	font-weight: bold;
	transition: color 0.3s ease;
}

/* 点击效果 */
dl.copy a.active::after {
	content: "已复制";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(10px, -50%);
	background-color: #808080;
	/* 灰色背景 */
	color: #fff;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 确保水平和垂直居中 */
	animation: fadeOut 2.5s ease forwards;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}


/* 动画效果 */
@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(10px, -60%);
	}
}

/* 按钮样式 */
#copyButton {
	background-color: transparent;
	/* 背景颜色全透明 */
	color: white;
	/* 文字颜色 */
	padding: 10px 20px;
	/* 内边距 */
	padding-left: 0;
	font-size: 16px;
	/* 字体大小 */
	border: none;
	/* 移除边框 */
	cursor: pointer;
	/* 鼠标指针样式 */
	outline: none;
	/* 移除焦点时的轮廓 */
	border-radius: 5px;
	/* 可选：圆角 */
	transition: transform 0.3s, background-color 0.3s;
	/* 平滑过渡效果 */
	position: relative;
	/* 相对定位，用于移动效果 */
	text-align: left;
}

/* 鼠标悬浮效果 */
#copyButton:hover {
	transform: translateX(2ch);
	/* 向右移动2个字符宽度 */
	/* background-color: rgba(0, 123, 255, 0.5); */
	/* 半透明背景颜色（可选） */
	background-color: transparent;
}

/* 按下效果 */
#copyButton:active {
	/* background-color: rgba(0, 86, 179, 0.5);/* 按下时的半透明背景颜色 */
	*/ background-color: transparent;
	transform: translateX(1ch);
	/* 向右移动2个字符宽度并稍微向下移动 */
}

/* 点击效果 */
#copyButton:active::after {
	content: "已复制";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(10px, -50%);
	background-color: #808080;
	/* 灰色背景 */
	color: #fff;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 确保水平和垂直居中 */
	animation: fadeOut 2.5s ease forwards;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.hidden {
	display: none;
}



/* 以下为新代码 */









</style>